// 饼状图 资产分布
option = {
  title: {
    text: '资产分布'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  color: ['#4A75D4', '#64D28D', '#9FB8D2', '#5E6367', '#F5C24B'],
  legend: {
    show: true,
    orient: 'vertical',
    right: '20%',
    top: '20%'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '36%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: '0-5万元' },
        { value: 735, name: '5-20万元' },
        { value: 580, name: '20-100万元' },
        { value: 484, name: '100-800万元' },
        { value: 300, name: '800万元以上' }
      ]
    }
  ]
}

// 饼状图 年龄
option = {
  title: {
    text: '年龄占比'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  color: ['#4A75D4', '#64D28D', '#9FB8D2', '#5E6367'],
  legend: {
    show: true,
    orient: 'vertical',
    right: '20%',
    top: '20%'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '36%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: '0-30岁' },
        { value: 735, name: '30-50岁' },
        { value: 580, name: '50-70岁' },
        { value: 484, name: '70岁以上' }
      ]
    }
  ]
}

// 柱状图 外汇交易额
option = {
  title: [{
    text: '外汇交易额'
  },
  {
    text: '单位：%',
    right: '10%'
  }
  ],

  stack: 'Total',
  color: '#D8C495',
  xAxis: [
    {
      type: 'category',
      data: ['2021-1', '2021-2', '2021-3', '2021-4', '2021-5']
    }
  ],
  yAxis: [
    {
      type: 'value'
    }
  ],
  series: [
    {
      name: 'Rainfall',
      type: 'bar',
      barWidth: '30%',
      data: [
        82.1, 150.3, 519.5, 404.8, 250.3
      ],
      label: {
        show: true,
        position: 'top'
      },
      markPoint: {
        symbol: 'none',

        data: [
          { type: 'max', name: 'Max' },
          { type: 'min', name: 'Min' }
        ]
      }
    }

  ]
}

//   新增个人客户 折线图

option = {
  color: '#D8C495',
  title: [{
    text: '新增个人客户'
  },
  {
    text: '单位：户',
    right: '10%'
  }],
  xAxis: {
    type: 'category',
    data: ['2021-1', '2021-2', '2021-3', '2021-4', '2021-5']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
}
// 对公往来户 折线图
option = {
  color: '#D8C495',
  title: [{
    text: '对公往来户'
  },
  {
    text: '单位：户',
    right: '10%'
  }],
  xAxis: {
    type: 'category',
    data: ['2021-1', '2021-2', '2021-3', '2021-4', '2021-5']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [50, 30, 24, 28, 135, 147, 260],
      type: 'line'
    }
  ]
}

//  职业分布 柱状图
option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  title: [{
    text: '职业分布（Top 5）'
  },
  {
    text: '单位：%',
    right: '10%'
  }
  ],
  color: '#D8C495',
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: [
    {
      type: 'category',
      data: ['其他公司职员', '学生', '自由职业者', '其它', '社会服务行业职员'],
      axisTick: {
        alignWithLabel: true
      }
    }
  ],
  yAxis: [
    {
      type: 'value'
    }
  ],
  series: [
    {
      name: 'Direct',
      type: 'bar',
      barWidth: '30%',
      data: [10, 52, 200, 334, 390, 330, 220]
    }
  ]
}

//   性别占比 饼状图
option = {
  title: [{
    text: '性别占比'
  },
  {
    text: '单位：%',
    right: '10%'
  }],
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  color: ['#4A75D4', '#64D28D'],
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '36%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: '男' },
        { value: 735, name: '女' }

      ]
    }
  ]
}

//   存款余额 饼状图
option = {
  title: {
    text: '存款余额'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  color: ['#4A75D4', '#64D28D', '#D8C495'],
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '36%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: '公司存款 32%' },
        { value: 735, name: '机构存款 32%' },
        { value: 580, name: '储蓄存款 36%' }
      ]
    }
  ]
}

//   贷款余额 饼状图
option = {
  title: {
    text: '贷款余额'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  color: ['#64D28D', '#D8C495'],
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '36%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: '个人贷款 28%' },
        { value: 735, name: '公司贷款 72%' }
      ]
    }
  ]
}
